<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <script src="../public/lobster/js/public.js"></script>
    <link rel="stylesheet" type="text/css" href="../public/lobster/icon/iconfont.css">
    <link rel="stylesheet" href="../public/lobster/css/public.css">
    <link rel="stylesheet" href="../public/lobster/css/shared.css">
    <link rel="stylesheet" href="../public/lobster/icon/iconfont.css">
	<link rel="stylesheet" href="../public/lobster/css/href.css?20170421">
	<link rel="stylesheet" href="../public/lobster/css/liuzhi.css">
    <script src="../public/lobster/js/lick.js"></script>
    <script src="../public/lobster/js/click.js"></script>
    <script src="../public/lobster/js/liuzhi.js"></script>
    <title>充值</title>
    <style>
		.recharge .popup_w-3>li:nth-child(3) p:nth-child(1) {
		    margin-left: 0; 
		}
		.layui-m-layerbtn{
		background-color:#8a4a2f}
    </style>
</head>
<body class="recharge">
<!--充值-->
    <div class="popup1">
        <div id="recharge_inner">
            <ul class="popup_w-3">
            	
                <li class="popup_li_1">
                    <!-- <p class="popup_heyue_red popup_active" onclick="selectMoney(this)">100元</p> -->
                    <p class="popup_heyue_red popup_active" onclick="selectMoney(this)">208.29元</p>
                    <p class="popup_heyue_red" onclick="selectMoney(this)">497.29元</p>
                    <p class="popup_heyue_red" onclick="selectMoney(this)">997.29元</p>
                    <p class="popup_heyue_red" onclick="selectMoney(this)">1997.29元</p>
                </li>
               
                <li class="popup_li_1">
                    <p class="popup_heyue_red" onclick="selectMoney(this)">2997.29元</p>
                    <p class="popup_heyue_red" onclick="selectMoney(this)">4997.29元</p>
                    <p class="popup_heyue_red" onclick="selectMoney(this)">9997.29元</p>
                    <input type="hidden" id="money" value = "208.29" />
                    <input
                     placeholder="其他金额" class="popup_heyue_red" onclick="otherMoney(this)"  id="other"/>
                </li>
                
                
                
                <li class="popup_li_2">
                   	 
                     
                    
                   
                    <!-- 金幂公众号 -->
                   	<p class="popup_yuding_red"><img class="dxweixin" src="../public/lobster/images/ondxweixin.png" alt="" onclick="select(this)"></p>
                    <!-- qq扫一扫 -->
                    <p class="popup_yuding_red"><img class="jmwxsys" src="../public/lobster/images/jmqqsys.png" alt="" onclick="select(this)"></p>  
                    <!-- 金幂快捷支付 -->
                    
                    <p class="popup_yuding_red"><img class="jmyinlian" src="../public/lobster/images/jmyinlian.png" alt="" onclick="select(this)"></p>  
                   
                    <!-- 公众号 -->
                    
                   
                   
                
                    
                  	
                	<input type="hidden" id="type" value = "14" />
                </li>
               
                
                <div id="popup_success_box">
                    <p class="popup_success" id="recharge_success"  >立即充值</p>
                      
                </div>
                <!-- <div id="popup_success_box">
                    <p class="popup_success" id="recharge_success">立即充值</p>
                </div> -->
            </ul>
        </div>
    </div>
    	<div style=" padding-left: .4rem; padding-right: .4rem;padding-top: 0.4rem; color: #8a4a2f;" >
		<h1>温馨提示:</h1>
		<p style="font-size: 0.2rem">
		1、本商城暂不支持信用卡充值；</p>
		<p style="font-size: 0.2rem">
		2、充值时需缴纳一定的手续费，微信、银联支付需缴纳充值金额0.6%的手续费、QQ支付需缴纳充值金额1%的手续费（微信、银联方收取），您可以自由选择支付方式；</p>
		<p style="font-size: 0.2rem">
		3、提现时将收取手续费：2元/笔；</p>
		<p style="font-size: 0.2rem">
		4、单笔提现金额最低100元整，最高提现金额每日不超过5万元；</p>
		<p style="font-size: 0.2rem">
		5、单笔最低充值金额10元，充值上线请以微信、银联卡的限额为准。</p>
		<p style="font-size: 0.2rem">
		6、请各位用户切记在实名认证时填写本人准确的银行卡以及身份信息，否则将导致充值提现出现问题，避免不必要的麻烦，感谢您的配合！</p>
		<p style="font-size: 0.2rem">
		客服热线：400-000-9518	</p>
		</div>

 
   
       
       <!--底部导航栏-->
 		<nav class="nav">
			<ul id="list">
				<li>
					<a href="index.html">
						<img src="../public/lobster/images/navbar01.png" alt="">
					</a>
				</li>
				<li>
					<a href="lotteryInfo.html">
						<img src="../public/lobster/images/navbar02.png" alt="">
					</a>
				</li>
				<li>
					<a href="center.html">
						<img src="../public/lobster/images/onnavbar03.png" alt="">
					</a>
				</li>
			</ul>
		</nav>
       
</body>
<script src="../public/lobster/js/jq-2.1.0.js"></script>
<script>

	/* 	var bankName,cardType;
		$(".yfyinlian").click(function(){
			liuzhi.open({
			     title: ['银行卡信息']
			     ,anim: 'up'
			     ,content: '<select style="color:#646464;-webkit-apprance:none;width:90%;outline:none;" id="select1"><option value="">请选择银行</option><option value="01040000">中国银行</option><option value="01030000">农业银行</option><option value="01020000">工商银行</option><option value="01050000">建设银行</option></select>'
			     ,shadeClose: false
			     ,btn: ['确认','取消']
			     ,yes:function(index){	
			    	  bankName=$("#select1").val();
			    	 if(bankName!=""){
			    		 alert("chenggong")
			    		 liuzhi.close(index); 
			    	 }    	
			     }
			});
		}) */
	

    //付款选择
    var payment_class='.popup_yuding_red';
    //充值金额
    var RechargeMethod='.popup_heyue_red';
    
   /*  function color(a,b){
        $(a).css('background','#3a3430');
        $(a).css('color','#adadad');
        b.style.background='#c0a065';
        b.style.color='#2b2623';
    } */
    //付款选择
//    $(payment_class).bind('click',function(){
//        color(payment_class,this);
//    })

    //充值金额
     /* $(RechargeMethod).bind('click',function(){
        color(RechargeMethod,this);
        if(this.tagName=='INPUT'){
            this.style.backgroundColor="#c0a065";
            this.style.color='#adadad';
        }
    }) */
    
    function color(a,b){
         $(a).css('background','#dbdbdb');
         $(a).css('color','#adadad');
         b.style.background='#8a4a2f';
         b.style.color='#eee';
     }
     //充值金额
     $(RechargeMethod).bind('click',function(){
         color(RechargeMethod,this);
         if(this.tagName=='INPUT'){
             this.style.backgroundColor="#8a4a2f";
             this.style.color='#adadad';
         }
     })

    

function select(obj){
    var name = $(obj).attr("class");
    switchs();
    if(name == 'weixin'){
    	$("#type").val(2);
    }else if(name == 'yinlian'){
        $("#type").val(3);
    }else if(name == 'zfb'){
        $("#type").val(6);
    }else if(name == 'wxsys'){
        $("#type").val(5);
    }else if(name == 'jmwxsys'){
    	$("#type").val(7);
    }else if(name == 'jmzfbsys'){
    	$("#type").val(8);
    }else if(name == 'jmweixin'){
    	$("#type").val(9);
    }else if(name == 'llwxsys'){
    	$("#type").val(10);
    }else if(name == 'llzfbsys'){
    	$("#type").val(11);
    }else if(name == 'tlweixin'){
    	$("#type").val(12);
    }else if(name == 'dxweixin'){
    	$("#type").val(14);
    }else if(name == 'yfyinlian'){
    	$("#type").val(13);
    }else if(name == 'jmqqsys'){
    	$("#type").val(15);
    }else if(name == 'jmzfbsys'){
    	$("#type").val(16);
    }else if(name == 'jmyinlian'){
    	$("#type").val(17);
    }
    //console.log(name);
    if(name=="weixin"){        	
        $(obj).attr("src",'../public/lobster/images/onweixin.png');           
    }else if(name=="yfyinlian"){
        $(obj).attr("src",'../public/lobster/images/onyinlian.png');
    }
    else if(name=="zfb"){
        $(obj).attr("src",'../public/lobster/images/onzfb.png');            
    }
    else if(name=="wxsys"){
        $(obj).attr("src",'../public/lobster/images/onwxsys.png');          
    }
    else if(name=="jmwxsys"){
        $(obj).attr("src",'../public/lobster/images/onjmqqsys.png');          
    }
    else if(name=="jmzfbsys"){
        $(obj).attr("src",'../public/lobster/images/onjmzfbsys.png');          
    }
    else if(name=="llwxsys"){
        $(obj).attr("src",'../public/lobster/images/onllwxsys.png');          
    }
    else if(name=="llzfbsys"){
        $(obj).attr("src",'../public/lobster/images/onllzfbsys.png');          
    }
    else if(name=="tlweixin"){
        $(obj).attr("src",'../public/lobster/images/ontlweixin.png');          
    }
    else if(name=="jmweixin"){
        $(obj).attr("src",'../public/lobster/images/onjmweixin.png');          
    }
    else if(name=="dxweixin"){
        $(obj).attr("src",'../public/lobster/images/ondxweixin.png');          
    }
    else if(name=="jmqqsys"){
        $(obj).attr("src",'../public/lobster/images/onjmqqsys.png');          
    }
    else if(name=="jmzfbsys"){
        $(obj).attr("src",'../public/lobster/images/onjmzfbsys.png');          
    }
    else if(name=="jmyinlian"){
        $(obj).attr("src",'../public/lobster/images/onjmyinlian.png');          
    }
    
    
}
function switchs(){
	 	$(".weixin").attr("src",'../public/lobster/images/weixin.png');
        $(".yfyinlian").attr("src",'../public/lobster/images/yinlian.png');
        $(".zfb").attr("src",'../public/lobster/images/zfb.png');
        $(".wxsys").attr("src",'../public/lobster/images/wxsys.png');          
        $(".jmwxsys").attr("src",'../public/lobster/images/jmqqsys.png');          
        $(".jmzfbsys").attr("src",'../public/lobster/images/jmzfbsys.png');          
        $(".llwxsys").attr("src",'../public/lobster/images/llwxsys.png');          
        $(".llzfbsys").attr("src",'../public/lobster/images/llzfbsys.png');          
        $(".tlweixin").attr("src",'../public/lobster/images/tlweixin.png');          
        $(".jmweixin").attr("src",'../public/lobster/images/jmweixin.png');
        $(".dxweixin").attr("src",'../public/lobster/images/dxweixin.png');
        $(".jmqqsys").attr("src",'../public/lobster/images/jmqqsys.png');
        $(".jmzfbsys").attr("src",'../public/lobster/images/jmzfbsys.png');
        $(".jmyinlian").attr("src",'../public/lobster/images/jmyinlian.png');
}

function selectMoney(obj){
		var moneyHtml = $(obj).html();
	var money = moneyHtml.replace("元","");
	//alert(money);
	$("#money").val(money);
	$("#other").val("");
}
function otherMoney(obj){
	var other = $(obj).val();
	$("#money").val(other);
	$("#other").val(other);
}
$("#recharge_success").click(function(){
	 // FormSubmit();
     alert('充值成功!');
     window.location.href='center.html';
})
function FormSubmit(){
	var other= $("#other").val();// 输入的金额
	
	
	if(!isNaN(other)&&other!=null&&other!=""){
		$("#money").val(other);
	}
	
	var money = $("#money").val();//选择的金额
	
	
	if(money==""||money==null){
		//alert("请输入充值金额");
		xxone.popup("提示","请输入充值金额","确认");
		return;
	}
	 if(money<10){
		xxone.popup("提示","充值金额不能小于10元!","确认");
		//alert("充值金额不能小于10元!");
		//return ;
	} 
	var type = $("#type").val();
	//关闭银联入口
    /*  if(type == 1){
            xxone.popup("提示","此入口暂未开放","确认");
            return ;
    }  */
   /*  if(type == 7 || type == 8  ){
            xxone.popup("提示","通道升级中","确认");
            return;
    }
     */
 window.location.href="/a2p/InMoney?money="+money+"&type="+type+"&_dc="+new Date();  

	
}
</script>
</html>